<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
        <title>PWF - Prototype Widget Framework</title>
        
        <!-- Load 3rd party libraries -->
        <script type="text/javascript" src="../../lib/prototype/prototype-1.6.0.3.js"></script>
        <script type="text/javascript" src="../../lib/scriptaculous/scriptaculous.js?load=effects"></script>
		
		<!-- Load PWF -->
		<script type="text/javascript" src="../../lib/pwf/pwf-0.1.js"></script>
		
		<!-- Load widget -->
		<script type="text/javascript" src="../widgets/login/LoginWidget.js"></script>
		
		<!-- Create widget on window load -->
		<script type="text/javascript">
			
			PWF.enableLogging();
			
			document.observe('dom:loaded', function() 
			{
				new LoginWidget('demoContainer');
			});
		</script>
		
		<!-- place widget on center of page -->
		<style type="text/css">
			div#demoContainer
			{
				margin: auto;
				margin-top: 50px;
			}
		</style>
    </head>
    <body>
    	<div id="demoContainer"></div>
    </body>
</html>
